	<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>LOGIN</title>

		<link rel="stylesheet" type="text/css" href="style/css.css">
		<script src="js/js.js"></script>
	
		<!--<script src="js/login.js"></script>-->
	</head>

	<body>
		<div class="top">
			<div class="top-1">
				<ul>
					<li>
						<a href="#">注册</a>
					</li>
					<li>
						<a href="#">登录</a>
					</li>
					<li>
						<a href="#">帮助</a>
					</li>
				</ul>
			</div>
			<div style="clear: both;"></div>
			<!--清除浮动-->
			<img src="images/logo.jpg" />
			<div class="top-2">
				<ul>
					<li>关于我们</li>
					<li>产品展示</li>
					<li>新闻中心</li>
					<li>人才招聘</li>
					<li>客户留言</li>
				</ul>
			</div>
			<div style="clear: both;"></div>
			<!--清除浮动-->
			<div class="top-3">
				<ul>
					<li>CEO致词</li>
					<li>公司历史</li>
					<li>企业文化</li>
					<li>组织结构</li>
					<li>合作伙伴</li>
				</ul>
			</div>
		</div>

		<div style="clear: both;"></div>
		<!--清除浮动-->

		<div class="guanggao">
			<img src="images/Information_ganggao.jpg" />
		</div>

		<div class="zhong">
			<div class="vip">
				<a> INFORMATION</a>
				<p>会员信息</p>
				<hr width="165px" size="5" style="margin: 0 auto; margin-top: 5px;background-color: #ccc;border: none;" />
				<ul>
					<li><img src="images/Information_xinxi.jpg" />
						<a style="color: #214C8F;">会员登陆</a>
					</li>
					<hr width="165px" size="2" style="margin: 0 auto; margin-top: 5px;" />
					<li><img src="images/Information_xinxi.jpg" />
						<a>会员注册</a>
					</li>
					<hr width="165px" size="2" style="margin: 0 auto; margin-top: 5px;" />
					<li><img src="images/Information_xinxi.jpg" />
						<a>客户留言</a>
					</li>
					
				</ul>
			</div>

			<div class="zilian">
				<div class="z-top">
					<ul class="left">
						<li>&nbsp;登陆</li>
					</ul>
					<ul class="r">
						<li>首页&nbsp;></li>
						<li>登录 </li>

					</ul>
				</div>
				
				<img src="images/Information_buzhid.jpg" style="margin-top: 50px;" />
				
				<form id="info">
				<div class="dengl">
							<ul>
								<li><img src="images/Login_log-in.jpg" /> </li>
								<li style="height: 90px;border-bottom: 1px solid #1647A1;border-top: 1px solid #e5e5e5;padding-top: 25px;float: left;">
								<input type="image" src="images/Login_denglu.png" style="float: right;margin-left: 43px;" />
								<b>	用户名：</b><input type="text" name="username" /><br />
								<b>	密码：</b> <input type="password" name="password" />
								</li>
							</ul>
				</div>
			</form>
				<script src="layer/layer.min.js"></script>

			 <script>
        		$("#info").submit(function(){
        			var u = $("[name=username]")
        			var p = $("[name=password]")
        			if( u.val()== "" || p.val()==""  ){
						//墨绿深蓝风
						layer.alert('用户名和密码不许为空', {
						  skin: 'layui-layer-molv' //样式类名
						  ,closeBtn: 1
						}, function(){
						layer.alert('偶吧深蓝style', {
						    skin: 'layui-layer-lan'
						    ,closeBtn: 0
						    ,anim: 4 //动画类型
						  });
						});
        				return false;
        			}
        		});
        		
        	
        </script>
			
			
			<div class="sj">
				<ul>
					<li><img src="images/Login_sanjiao.jpg" /> 请定期更改GABA政府试图密码，请不要暴露别人。</li>
					<li><img src="images/Login_sanjiao.jpg" /> 当您希望使用该服务来保护您的信息，请务必登出。</li>
				</ul>
			</div>
			
			</div>
			<div style="clear: both;"></div>
			<!--清除浮动-->


			<div class="wei">
				<p>地址：广东省广州市海珠区新港西路231号3栋4层 联系人：乐 乐 移动电话：13588888888 固定电话：020-1234567 传 真：020-1234567 Copyright @ 2014 文豆网络科技有限公司 版权所有 粤ICP备0000000号</p>
				<select style="float: right;">
					<option>友情链接</option>
					<option>1</option>
					<option>2</option>

				</select>
			</div>

		</div>

	</body>

</html>